<div data-role="content" class="jqm-content">
    <div data-role="collapsible-set" data-theme="c" data-content-theme="f">
        <?php foreach ($data as $key => $mem) { ?>
            <div data-role="collapsible">
                <h3><?php echo $mem['name']; ?> </h3>

                <ul data-inset="false">

                    <!-- ===============grid=============== -->


                    <li style="margin: 5px 5px; list-style: none">
                        <table data-role="table" id="table-column-toggle-<?php echo $mem['name']; ?>" data-mode="columntoggle" class="ui-responsive table-stroke">
                            <thead>
                                <tr>
                                    <th  data-priority="1"><?php echo $mem['name']; ?></th>
                                    <th data-priority="1">Friend</th>
                                    <th data-priority="2">Win</th>
                                    <th data-priority="3"><abbr title="Rotten Tomato Rating">Lose</abbr></th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($mem['statistic'] as $k => $val) { ?>
                                <tr>
                                    <th><?php echo $val['play1']; ?></th>
                                    <td><?php echo $val['play2']; ?></td>
                                    <td><?php echo $val['win']; ?></td>
                                    <td><?php echo $val['lose']; ?></td>

                                </tr>
                                <?php } ?>
                            </tbody>
                        </table>

                    </li>

                    <!-- ===============grid=============== -->
                </ul>
            </div>
        <?php } ?>
    </div>


</div><!-- /content -->

